* {
	/* -moz-use-system-font */
	font-family: ubuntu, sans-serif;
}
body {
	background-color: rgb(242,241,240);
}
.body {
	position:absolute;
	top:10px;
	left:10px;
	bottom:10px;
	right:10px;
}
label {
	clear:both;
	float:left;
}
fieldset {
	margin-bottom: 15px;
}
fieldset input[type="radio"], fieldset input[type="checkbox"] {
	clear:both;
	float:left;
}
input[type="radio"] + label, input[type="checkbox"] + label {
	clear:none;
	float:left;
}
fieldset input[type="text"], fieldset input[type="password"] {
	float:left;
}

.status {
	text-align: center;
	width: 150px;
	margin-left: -75px;
	left: 50%;
	padding: 2px 5px;
	border: solid 1px #4A4;
  	background: #AFA;
	border-radius: 3px;
	font-size: 12px;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

.hide {
	bottom: 0px;
	opacity:0;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-in;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in;
}

.show {
	bottom: 20px;
	opacity:1;
	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
	-moz-transition-property: all;
	-moz-transition-duration: 0.5s;
	-moz-transition-timing-function: ease-out;
	-webkit-transition-property: all;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
}
/*
 * Title
 */
h1 {
	margin-top: -5px;
	margin-bottom: 20px; 
	width: 100%;
	text-align: center;
	font-size: 2em;
	font-weight: bolder;
}

/*
 * Menu
 */
.menu {
	width: 251px;
	float: left;
	padding-top: 40px;
}
.menu img {
	vertical-align : middle;
	margin-right: 5px;
}
.menu span {
	vertical-align : middle;
}
.menu input {
	vertical-align : middle;
	float: right;
}
.menu .menu-item div[name="menu"] {
	padding: 3px 5px;
	margin-bottom: 5px;

	/* Evite que la bordure droite du menu ne crée des traces sur la bordure du panel */
	position:relative;
}

/* Menu de 1° niveau et supérieur */
.menu .menu-item {
	color: rgb(72,72,72);
	font-size: 16pt;
}
/* Menu de 2° niveau et supérieur */
.menu .menu-item .menu-item {
	font-size: 12pt;
	padding-left: 12px;
	font-weight: bold;
}
/* Menu de 3° niveau et supérieur */
.menu .menu-item .menu-item .menu-item {
	font-weight: normal;
}
.menu-item .menu-item img {
	width: 16px;
}

.menu a:link,a:visited,a:focus,a:active,a:hover {
	color: rgb(72,72,72);
	text-decoration: none;
	outline: none;
}
.menu-disabled {
	border: 1px solid rgb(242,241,240);
	border-right: none;

	/* Evite que la bordure droite du menu ne crée des traces sur la bordure du panel */
	z-index: 0;

	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
}
.menu-enabled {
	background-color: white;
	border: 1px solid grey;
	border-right: none;
		
	/* Evite que la bordure droite du menu ne crée des traces sur la bordure du panel */
	z-index: 1;

	/* CSS3 */
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;

	transition-property: all;
	transition-duration: 0.5s;
	transition-timing-function: ease-out;
}

.menu-hidden {
	opacity:0;
}

/*
 * Content
 */
.panel {
	overflow:auto;
	background-color: white;
	border: 1px solid grey;
	display: none;
	position:absolute;
	min-width: 350px;
	min-height: 360px;
	top: 41px;
	left: 250px;
	bottom: 0px;
	right: 0px;
		
	/* Evite que la bordure droite du menu ne crée des traces sur la bordure du panel */
	z-index: 0;

	/* CSS3 */
	border-radius: 5px;
}
.panel div, h2 {
	padding: 5px;
}
.panel .element {
	clear:both;
	padding: 0px 15px 15px 15px;
}
h2 {
	margin-top: 1px;
	font-size: 12pt;
	border-bottom: 1px solid rgb(200,200,200);
}
h3 {
	font-size: 12pt;
	font-weight: normal;
	text-decoration: underline;
}
.button {
	position: absolute;
	bottom: 0px;
	right: 0px;
	left: 0px;
	clear:both;
	margin-top: 20px;
	border-top: 1px solid rgb(200,200,200);
		
	text-align: right;
}
.button input{
	margin-right: 5px;
}
hr { /* Separateur */
	visibility: hidden;
	clear:both;
	height: 1px;
}

/*
 * Bullshit
 */
table {
	width: 95%;
	margin: auto;
}
tr {
}
td {
	border: solid 1px grey;
}
.left {
	padding-top: 2px;
	display: block;
	width: 140px;
	float: left;
	text-align: right;
	margin-right: 3px;
}
.right {
	display: block;
	float: left;
}
.text-center {
	text-align: center;
}
input.right {
	width: 80px;
}
input.left {
	margin-left: 125px;
	width: 15px;
}
